{% extends 'indexTemplate.html' %}

{% load staticfiles %}

{% block title %}讲师信息列表 - 慕学在线网{% endblock %}

{% block customBread %}
<section>
    <div class="wp">
        <ul  class="crumbs">
            <li><a href="{% url 'index' %}">首页</a>></li>
            <li>授课讲师</li>
        </ul>
    </div>
</section>
{% endblock %}

{% block content %}
<section>
	<div class="wp butler_list_box list">
	<div class='left'>
		<div class="butler_list layout">
			<div class="head">
				<ul class="fl tab_header">
					<li {% ifequal sort '' %}class="active"{% endifequal %}>
                        <a href="?sort=">全部</a>
                    </li>
					<li {% ifequal sort 'clickNum' %}class="active"{% endifequal %}>
                        <a href="?sort=clickNum">人气 &#8595;</a>
                    </li>
				</ul>
                <div class="fr butler-num">共<span class="key">{{ pageObj.object_list|length }}</span>人&nbsp;&nbsp;&nbsp;</div>
			</div>
            {% for obj in pageObj.object_list %}
            <dl class="des">
                <dt>
                    <a href="{% url 'orgs:teacherDetail' obj.id %}">
                        <div class="picpic">
                            <img width="100" height="100" class="scrollLoading" src="{{ MEDIA_URL }}{{ obj.images }}"/>
                        </div>
                    </a>
                    <div class="btn">
                        <div class="fr btn2 bdsharebuttonbox"
                             data-text="授课教师-奥巴马-慕学在线"
                             data-desc="我在#慕课网#发现了教师“奥巴马”，对学习中的小伙伴很有帮助，一起来看看吧。"
                             data-comment="奥巴马金牌讲师，从业年限：5年">
                            <span class="fl">分享</span>
                            <a href="#" class="bds_more" data-cmd="more"></a>
                        </div>
                    </div>
                </dt>
                <dd>
                    <a href="{% url 'orgs:teacherDetail' obj.id %}">
                        <h1>{{ obj.name }}<span class="key picbig">金牌讲师</span></h1>
                    </a>
                    <ul class="cont">
                        <li>工作年限：<span>{{ obj.workYear }}年</span></li>
                        <li>工作职位：<span>{{ obj.workPosition }}</span></li>
                        <li>就职公司：<span>{{ obj.wordCompany }}&nbsp;</span></li>
                        <li>年龄：<span>{{ obj.age }}岁</span></li>
                        <li>教学特点：<span>{{ obj.points }}</span></li>
                    </ul>
                </dd>
                <a class="buy buyservice" href="{% url 'orgs:teacherDetail' obj.id %}"><br/>查看<br/>详情</a>
            </dl>
            {% endfor %}
		</div>
		<div class="pageturn">
            <ul class="pagelist">
            {% if pageObj.has_previous %}
                <li class="long">
                    <a href="?{{ pageObj.previous_page_number.querystring }}">上一页</a>
                </li>
            {% endif %}
            {% if pageObj.object_list|length > 0 %}
                {% for page in pageObj.pages %}
                    {% if page %}
                        {% ifequal page pageObj.number %}
                        <li class="active">
                            <a class="page" href="?{{ page.querystring }}">{{ page }}</a>
                        </li>
                        {% else %}
                        <li>
                            <a class="page" href="?{{ page.querystring }}">{{ page }}</a>
                        </li>
                        {% endifequal %}
                    {% else %}
                        <li><a href="#" class="none">...</a></li>
                    {% endif %}
                {% endfor %}
            {% endif %}
            {% if pageObj.has_next %}
                <li class="long"><a href="?{{ pageObj.next_page_number.querystring }}">下一页</a></li>
            {% endif %}
            </ul>
        </div>
    </div>
	<div class="right layout">
		<div class="head">讲师排行榜</div>
        {% for teacherHot in teachersHot %}
            <dl class="des">
                <span class="num fl">{{ forloop.counter }}</span>
                <a href="{% url 'orgs:teacherDetail' teacherHot.id %}">
                    <dt>
                        <img width="50" height="50" class="scrollLoading"  src="{{ MEDIA_URL }}{{ teacherHot.images }}"/>
                    </dt>
                </a>
                <dd>
                    <a href="{% url 'orgs:teacherDetail' teacherHot.id %}">
                        <h1 title="bobby">{{ teacherHot.name }}</h1>
                    </a>
                    <p>工作年限：<span>{{ teacherHot.workYear }}年</span></p>
                </dd>
            </dl>
        {% endfor %}
	</div>
    </div>
</section>
{% endblock %}


